<template>
    <div class="calendar">
        <CalendarTop />
        <CalendarList />
        <CalendarBottom />
    </div>
</template>

<script setup>
import CalendarTop from './CalendarTop.vue'
import CalendarList from './CalendarList.vue'
import CalendarBottom from './CalendarBottom.vue'
</script>

<style lang="scss" scoped>
.calendar {
  margin: 50px auto;
  width: 600px;
  height: 400px;
  border-radius: 16px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
</style>